<!DOCTYPE html>
<html lang="en">
<head>
    <title>module-mix</title>
    <meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/camera.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/touchTouch.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/camera.js"></script>
    <script type="text/javascript" src="js/touchTouch.jquery.js"></script>
  <script src="js/gallery.js" type="text/javascript"></script>
  <script src="js/jquery.tmpl.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="js/jquery.elastislide.js"></script>
	<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
		{{if itemsCount > 1}}
		<div class="rg-image-nav">
			<a href="#" class="rg-image-nav-prev">Prev</a>
			<a href="#" class="rg-image-nav-next">Next</a>
		</div>
		{{/if}}
		<div class="rg-image"></div>
		<div class="rg-loading"></div>
		<div class="rg-caption-wrapper">
			<div class="rg-caption" style="display:none;"><p></p></div>
		</div>
	</script>
  <script>
   
  </script>
		<script>
      $(document).ready(function(){
              jQuery('.camera_wrap').camera();
        });
			$(document).ready(function(){
            // Initialize the gallery
            $('.magnifier').touchTouch();
  		  }); 
</script>
	<!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
	<!--[if (gt IE 9)|!(IE)]><!-->
	<script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
	<!--<![endif]-->
  <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/docs.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
<!--==============================header=================================-->
<header>
    <div class="container">
    	<div class="row">
        <div class="span12">
        	<div class="navbar navbar-static-top navbar_">
            <div class="navbar-inner">
              <div class="container">           
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse_">
                  <span class="icon-bar"></span>
                  menu
                  <span class="icon-bar"></span>
                </a>           
                <h1 class="brand"><a href="index.html">module-mix :)</a></h1>
                <div class="nav-collapse nav-collapse_ pull-right collapse">
                  <ul class="nav pull-right sf-menu">
                    <li class="active"><a href="index.html">Home</a></li>
					<li><a href="index-2.html">News</a></li>
                    <li><a href="index-2.html">Site catalog</a></li>
                    <li><a href="index-3.html">Shortener</a></li>
					<li><a href="index-3.html">Catalog</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</header>

<section id="content">
  <div class="container">
   
   
   <div class="row">
      <div class="span6">
        <h2>The best site 2012-2013</h2>
        <div class="row">
          <div class="span5">
            <ul class="list-box">
              <li>
                <figure><a href="http://static.livedemo00.template-help.com/wt_40969/index-2.html#"><img src="./img/new-image3.jpg" alt=""></a></figure>
                <h4>Alexander McQueen</h4>
                Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost. Aliquam dapibus tincidunt metus raesent justo dolor.
              </li>
              <li>
                <figure><a href="http://static.livedemo00.template-help.com/wt_40969/index-2.html#"><img src="./img/new-image3.jpg" alt=""></a></figure>
                <h4>Christopher Kane</h4>
                Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost. Aliquam dapibus tincidunt metus raesent justo dolor.
              </li>
              <li>
                <figure><a href="http://static.livedemo00.template-help.com/wt_40969/index-2.html#"><img src="./img/new-image3.jpg" alt=""></a></figure>
                <h4>Yves Saint Laurent</h4>
                Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost. Aliquam dapibus tincidunt metus raesent justo dolor.
              </li>
            </ul>
          </div>
        </div>
      </div>
     
   
    <div class="row">
      <div class="span5">
        <h2>Shortener</h2>
        <ul class="list">
          <li><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing</a></li>
          <li><a href="">elit, sed do eiusmod tempo dolore massa</a></li>
          <li><a href="">Encididunt ut labore dolore magna aliqua Ut enim</a></li>
          <li><a href="">ad minim veniam quis notrud exercitation</a></li>
          <li><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing</a></li>
          <li><a href="">elit, sed do eiusmod tempo dolore massa</a></li>
          <li><a href="">Encididunt ut labore dolore magna aliqua Ut enim</a></li>
          <li><a href="">ad minim veniam quis notrud exercitation</a></li>
          <li><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing </a></li>
          <li><a href="">elit, sed do eiusmod tempo dolore massa</a></li>
          <li><a href="">Encididunt ut labore dolore magna aliqua Ut enim</a></li>
        </ul>
		<a href="#" class="btn btn-medium btn-list">сократить ещё адрес</a>
      </div>
	  
	  
	  <div class="span5">
        <h2>Latest news TOP3</h2>
        <dl class="dl-horizontal">
          <dt><span class="badge">1</span></dt>
          <dd><a href="#"><strong>Lorem ipsum dolor sit amet, consectetur ste.</strong></a> Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost.</d>
          <dt><span class="badge">2</span></dt>
          <dd><a href="#"><strong>Dolor sit amet, consectetur ste porta ser.</strong></a> Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost. Hello world!</dd>
          <dt><span class="badge">3</span></dt>
          <dd class="last"><a href="#"><strong>Lorem ipsum dolor sit amet, consectetur ste.</strong></a> Encididunt ut labore et dolore magna aliqua. Ut ser enim ad minim veniam, quis nost.</dd>
        </dl>
		</div>
    </div>
	
      	 			
		
  
</section>

<footer>
  <div class="container">
    <div class="row">
      <div class="span12">
        <div class="border">        
        </div>
        <div class="pull-left">
          <div class="footer-logo">
            <span>module-mix</span> &copy; 2012 | <a href="index-6.html">hello world</a><br>
            <!-- {%FOOTER_LINK} -->
          </div>
          <ul class="social-icons">
            <li class="google_plus"><a href="#"></a></li>
            <li class="rss"><a href="#"></a></li>
            <li class="twitter"><a href="#"></a></li>
          </ul>
        </div>
        <div class="pull-right">
          <ul class="nav nav-pills">
            <li class="current"><a href="index.html">Home</a></li>
            <li><a href="index-1.html">News</a></li>
            <li><a href="index-2.html">Site catalog</a></li>
            <li><a href="index-3.html">Shortener</a></li>
                         
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
<script type="text/javascript" src="js/bootstrap.js"></script>

<!--LIVEDEMO_00 -->

<script type="text/javascript">
 var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();</script>

</body>
</html>